<%--
  User: zhangteng
  Date: 2014/12/14 14:23
--%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html class="js cssanimations">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="IR大作业" name="description">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>IR首页</title>
    <meta content="webkit" name="renderer">
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link href="${staticWebsite}front/img/favicon.png" type="image/png" rel="alternate icon">
    <link href="${staticWebsite}front/app-icon72x72@2x.png" rel="apple-touch-icon-precomposed">
    <meta content="IR大作业" name="apple-mobile-web-app-title">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="${staticWebsite}front/img/startup-640x1096.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <link href="${staticWebsite}front/css/amazeui.css" rel="stylesheet">
    <link href="${staticWebsite}front/css/amaze.css" rel="stylesheet">
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script async="" src="${staticWebsite}front/js/analytics.js"></script>
    <script src="${staticWebsite}front/js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="${staticWebsite}front/js/amazeui.min.js">
    </script>
    <!--<![endif]-->
</head>
<body data-amui="2.x" class="amz-index">
<header id="amz-header">
    <div class="amz-container am-cf">
        <h1 style="margin-top:5px;">
            <a href="index.html"></a>
            <span class="am-badge am-badge-danger">IR1.0</span>
        </h1>
        <button data-am-collapse="{target: '.amz-header-nav'}" class="am-btn am-btn-primary am-show-sm-only">
            <span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
        </button>
        <nav>
            <ul class="amz-header-nav am-collapse">
                <li><a href="#J_search">开始使用</a></li>
            </ul>
        </nav>
    </div>
</header>
<div id="amz-home">
    <section id="amz-hero">
        <div class="amz-container am-cf">
            <div data-am-scrollspy="{animation: 'slide-left', delay: 100}"
                 class="amz-mascot am-scrollspy-init am-scrollspy-inview am-animation-slide-left">
                <img alt="mascot-xiaoMeng" src="${staticWebsite}front/img/mascot.png">
            </div>
            <div class="amz-hero-intro" style="margin-top: -200px;">
                <div class="amz-hero-headings">
                    <h1 data-am-scrollspy="{animation:'slide-left'}" class="am-scrollspy-init">IR系统</h1>

                    <h2 class="am-scrollspy-init am-scrollspy-inview am-animation-slide-right"
                        data-am-scrollspy="{animation:'slide-right', delay: 500}">你可以搜索“农民”、“我国”等词</h2>

                    <div class="am-g am-g-fixed">
                        <form method="post" action="${website}search">
                            <div class="col-md-8 am-u-md-8 am-text-right subscribe-field"
                                 style="padding-left: 0; padding-right: 0;">
                                <input type="text" autocomplete="off" placeholder="" required=""
                                       class="am-form-field ipt-email" id="J_search" name="queryContent">
                            </div>
                            <div class="col-md-4 am-u-md-4" style="padding-left: 0;">
                                <button type="submit" class="am-btn am-btn-secondary am-btn-block"
                                        id="subscribe-submit">搜索
                                </button>
                            </div>
                        </form>
                    </div>
                    <h3 data-am-scrollspy="{animation:'slide-left', delay: 1000, repeat: true}"
                        class="am-scrollspy-init am-scrollspy-inview am-animation-slide-left">期待你的参与，共同打造一个IR系统！</h3>
                </div>
                <ul class="github-status">
                    <li>
                        <a target="_blank" href="https://github.com/allmobilize/amazeui/stargazers">
                            <span class="am-icon-star"></span>
                            <span id="ghs-stargazers">30</span>
                            Docs
                        </a>
                    </li>
                </ul>
                <div class="github-status"></div>
            </div>
        </div>
        <div class="amz-notify">
            <form id="subscribe-form">
                <div class="am-g am-g-fixed">
                    <div class="col-md-6 am-u-md-6 notify-latest">
                        <a href="/download?ver=2.0.0">
                            <span class="amz-notify-date">2014-12-30</span>
                            <span class="amz-notify-divider">|</span>
                            <span>IR v1.0.0 正式版发布</span>
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </section>
</div>
<div id="amz-toolbar" class="amz-toolbar" style="right: 119.5px;">
    <a id="amz-go-top" class="am-icon-btn am-icon-arrow-up" title="回到顶部" href="#top"></a>
</div>
</body>
</html>
